import Vue from 'vue';
import VueResource from 'vue-resource';
import routes from './routes'; 
import './public/css/common.css';
import './public/theme/default.css';

Vue.use(VueResource);

window.app = new Vue({
  el: '#app', 
  data: {
    currentRoute: '/' 
  },
  computed: {
    ViewComponent () { 
      this.currentRoute = '/';  
      return require('./pages/' + routes[this.currentRoute] + '.vue')
    }
  },
  render (h) { 
    return h(this.ViewComponent);
  }
});

// window.preventDefault = function(ev) {
//     ev.preventDefault()
// }
// window.isScroller = function(el) { 
//   // 判断元素是否为 scroller
//   return el.classList.contains('scroller')
// }
// window.document.addEventListener('touchmove', preventDefault, false);
// window.document.body.addEventListener('touchmove', function (ev) {
//   var target = ev.target 
//   // 在 scroller 上滑动，阻止事件冒泡，启用浏览器默认行为。
//   if (window.isScroller(target)) {
//     ev.stopPropagation()
//   }
// }, false);

window.app.__proto__.go = function(strHash) {
   window.location.href = strHash;
}

window.addEventListener('hashchange', () => { 
  app.currentRoute = '/';
})

window.addEventListener("DOMContentLoaded", function () { 
    app.currentRoute = '/';
}, false);